/* CSS Document */
.smenu {background-position:0px 0px;}
.p1title {width:919px; height:50px; line-height:50px; font-size:29px; font-family:Georgia; padding-left:20px;}
.yearframe {width:919px; background:url(/statics/images/freesky/page202.png) no-repeat; padding-top:13px; margin:0 auto; position:relative;  }
.yearframe a {display:block; float:left; width:131px; height:60px; color:#000; line-height:50px; text-align:center; font-size:29px; font-family:Arial; top:15px; left:-20px; background:url(/statics/images/freesky/page201.png) no-repeat; padding-top:13px;}
.yearframe a.current {color:#F30;}
.yearframe a:hover {text-decoration:none; color:#F30;}
.yearframe .prev,.yearframe .prev:hover {background:url(/statics/images/freesky/page101.png) -27px -36px no-repeat; position:absolute;  width:15px; height:27px; top:33px; left:-20px;  }
.yearframe .next,.yearframe .next:hover {background:url(/statics/images/freesky/page101.png) -43px -36px no-repeat;  width:15px; height:27px; position:absolute; top:33px; left:924px; }
.yearpic {clear:both; background:url(/statics/images/freesky/bg1.png) no-repeat; height:353px; padding:1px; width:919px; margin:0 auto; }
.yearflasher {}

#chained {height:73px; overflow:hidden; width:917px; position:relative;}
#chained .items {width:auto; position:absolute; clear:both;}
.yearpic .scrollable {height:351px; overflow:hidden; width:917px; position:relative;}
.yearpic .scrollable .items {width:auto; position:absolute; clear:both;}
.items div {float:left; width:917px;}
.yearpic .scrollable .items a {width:131px; display:block; float:left;}
.yearpic .scrollable .items a {filter:alpha(Opacity=80);-moz-opacity:0.5;opacity:0.5;}
.yearpic .scrollable .items a:hover {filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}
/* page3 */

.guidebar{ height:40px; width:919px; margin:0 auto;}
.yeartitle{ display:block; width:80px; height:40px; line-height:40px; font-family:Georgia; font-size:29px; color:#888; text-align:center; float:left; background-color:#e6e6e6; font-style:italic;}
.splitform{ padding-left:10px; width:762px; height:40px; float:left; background-color:#f2f2f2;}
.splitform2{ padding-left:10px; width:749px; height:40px; float:left; background-color:#f2f2f2;}
.splitform2 strong{ line-height:40px; padding-left:20px; font-size:20px; color:#999;}
.splitform span{ display:block; font-size:12px; line-height:40px; color:#999; float:left; padding-right:10px; padding-left:20px;}
.splitform select{ display:block; float: left; margin-top:10px; height:25px; line-height:25px; }
.splitform input{ display:block; float:left;margin-top:10px; height:21px; width:59px; line-height:0px; margin-left:10px; background:url(/statics/images/freesky/page301.png) no-repeat; color:#f77148; font-size:1px; list-style:none; padding:0px; border:none; } 
.ad-20link{ display:block; height:40px; width:147px; background:url(/statics/images/freesky/page3ad.jpg) no-repeat; float:right;}
.ad-back{width:80px; height:40px; text-align:center; color:#fff; font-size:16px; background-color:#dadada; display:block; padding:0px; float:right; line-height:40px;} 

.lists {clear:both; width:930px; margin:0 auto; padding-top:10px;}
.lists dl {position:relative;}
.lists span.no {width:25px; height:20px; position:absolute;top:0; margin-left:5px;z-index:9999;float:left; font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; padding:10px; background:#C30; color:#FFF; text-align:center;}
.lists dl {width:186px;height:318px;float:left;position:relative;}
.lists dl dt {text-align:left; padding-left:5px; position:relative;}
.lists dl dt a {display:block; width:176px; height:222px; position:absolute; left:5px; top:0px; z-index:10; background:url(/statics/images/freesky/lightbox-blank.gif) repeat; filter:alpha(Opacity=100); -moz-opacity:1; opacity:1;}
.lists dl dt a:hover {background:url(/statics/images/freesky/page302.png) no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="/statics/images/freesky/page302.png"); _background:none;}
.lists dl dt img {width:176px;height:222px;}
.lists dl dd {width:176px;overflow:hidden;text-overflow:ellipsis;height:50px;text-align:center; margin-top:10px; border-bottom:1px dotted #ccc; border-top:1px dotted #ccc; padding-top:10px; padding-left:5px;} 
 
.lists dl dd strong{ font-size:12px;font-family:"宋体"; color:#666;}
.lists dl dd a{white-space:nowrap;line-height:22px;color:#bababa;font-size:12px;font-size:11px;font-family:Tahoma;line-height:20px;}

/* page4 */
.view {font-family:"宋体"; width:919px; margin:0 auto; }
.viewleft {padding:15px; width:170px; background-color:#f2f2f2; float:left; line-height:21px; color:#999; font-size:12px; }
.viewleft a:hover {text-decoration:none;}
.viewleft strong {font-size:14px; color:#f77148;}
.viewright {float:right; width:710px;  }

.ilikepic { display:block; background:url(/statics/images/freesky/page41.jpg) no-repeat; width:170px; height:35px; }
.contactpic {display:block; background:url(/statics/images/freesky/page42.jpg) no-repeat; width:170px; height:35px; }
.weiboframe {height:18px; clear:both; width:170px; margin:0 auto;}
.qqweibo {display:block; background:url(/statics/images/freesky/page43.jpg) no-repeat; width:70px; height:18x; float:left; text-decoration:none;}
.sinaweibo {display:block; background:url(/statics/images/freesky/page44.jpg) no-repeat; width:70px; height:18x; float:right;text-decoration:none;}

.piclist{ width:640px; margin:0 auto; background:url(/statics/images/freesky/page46.png); overflow:hidden;}
.piclistframe{ width:644px; margin:0 auto;  }
.piclistframe dl {width:92px;height:130px;float:left;position:relative;}
.piclistframe dl dt { padding-top:11px; clear:both; text-align:center; height:81px;}
.piclistframe dl dt img {width:69px;height:70px;}
.piclistframe dl dd {width:91px;overflow:hidden;text-overflow:ellipsis;height:38px;text-align:center;   }  
.piclistframe dl a dd, .piclistframe dl dd a {white-space:nowrap;line-height:37px;color:#bababa;font-size:12px; font-family:Tahoma; text-decoration:none; }
.piclistframe dl a {display:block; width:92px;height:130px;}
.piclistframe dl a:hover {background:#999;text-decoration:none;}
.piclistframe dl a:hover dd {color:#fff;}
.piclistframe dl a:hover dt {background:#F30;}

/* 案例底层 */
.tool {position:relative; height:35px; padding-top:6px; clear:both;}
.tool .auto, .tool .prev, .tool .next {background:url(/statics/images/v9/up-next.png) no-repeat; height:27px; width:31px; display:block; float:left;margin-right:10px; overflow:hidden; line-height:27px;}
.tool .auto span, .tool .prev span, .tool .next span {visibility:hidden;}
.tool .auto {background-position: -39px top;}
.tool .next {background-position: -78px top;}
.tool .share {position:absolute; right:0; border:none; background:none; font-size:12px; font-weight:normal;}
.tool .num {color:#999; line-height:35px;}

.view-cont {text-align:center; padding:20px 38px; height:470px;border:1px solid #ededed; background-color:#fafcfe; position: relative;}
.view-cont #view-pic {display:table-cell; vertical-align:middle; *display:block; overflow:hidden; *font-size:480px; width:640px; margin:0 auto;}
.view-cont .max {position:absolute; bottom:0px; right:0px;background:#FFF url(/statics/images/v9/max.png) no-repeat 5px center; z-index:101; padding:5px 5px 5px 20px;}
.view-cont .info {font-size:12px; color:#999; font-family: "宋体"; height:30px; line-height:30px; text-align:center;}
.photo-prev {position:absolute; left:0; top:0; width:50%; height:100%; z-index:100;}
.photo-next {position:absolute; right:0; top:0; width:50%; height:100%; z-index:100;}
.photo-prev a, .photo-next a {background-image:url(/statics/images/blank.gif); display:block; width:100%; height:100%; outline:none;}

.thumb-list {padding:20px 0px 0px 0px; height:100px;}
.thumb-list .cont {overflow:hidden; float:left; width:676px; height:80px;}
.thumb-list .cont li {float:left; width:113px; text-align:center; display:block; overflow:hidden;}
.thumb-list .cont li .img-wrap {width:100px; height:75px; vertical-align:middle;  margin:0 auto; border:1px solid #ededed; overflow:hidden;}
.thumb-list .cont li .img-wrap img{ vertical-align:middle; display:inline; }
.thumb-list .cont li .img-wrap a {*font-size:55px; width:100px; height:75px; outline:medium none; }
.thumb-list .cont li.on .img-wrap {border:2px solid #ffb017;}
.thumb-list .prev-group, .thumb-list .next-group {float:left; display:block; position:relative; background:url(/statics/images/v9/pic_bg.png) no-repeat; width:110px; height:86px; text-align:center;}
.thumb-list .prev-group {left:-8px; top:-3px; margin-right:14px;}
.thumb-list .next-group {right:-8px; float:right; top:-3px;}
.thumb-list .prev-group .inner, .thumb-list .next-group .inner {width:102px; height:72px; border:none; padding:4px 0 8px;}
.thumb-list .prev-group .inner a, .thumb-list .next-group .inner a {*font-size:53px; width:98px; height:72px; padding:0px 5px 0 4px; *padding:0px 5px 5px 0px;}
.thumb-list .prev-group .inner a:hover, .thumb-list .next-group .inner a:hover {background:none;}
.thumb-list .next-group {right:-8px; float:right; bottom:-2px;}
.thumb-list .prev-btn, .thumb-list .next-btn {margin-top:5px; cursor:hand;!important; cursor:pointer;}
.thumb-list .prev-btn, .thumb-list .next-btn, .thumb-list .prev-btn span, .thumb-list .next-btn span {background:url(/statics/images/v9/big-btn.png) no-repeat; display:block; width:17px; height:69px; float:left;}
.thumb-list .prev-btn:hover, .thumb-list .next-btn:hover, .thumb-list .prev-btn-on, .thumb-list .next-btn-on {background-position:0 -78px;}
.thumb-list .prev-btn span {background-position:-30px top;}
.thumb-list .prev-btn:hover span, .thumb-list .prev-btn-on span {background-position:-30px -78px;}
.thumb-list .next-btn span {background-position:-55px top;}
.thumb-list .next-btn:hover span, .thumb-list .next-btn-on span {background-position:-55px -78px;}

/* end-select */
#end-select {top:290px; left:243px; position:absolute; width:230px; height:70px; border:1px solid #8a8a8a; display:none; z-index:200;}
#end-select .bg {width:100%; height:100%; background:#000; filter:Alpha(Opacity=50); opacity:0.5;}
#end-select .end-cont {position:absolute; top:10px; left:26px; color:#fff; font-size:14px;}
#end-select .end-cont p {padding:4px 0; zoom:1; overflow:hidden;}
#end-select .replay-btn, #end-select .next-group-btn, #end-select .end-close-btn {background:url(/statics/images/v9/big-btn.png) no-repeat;}
#end-select .replay-btn {float:left; width:69px; height:23px; background-position: 0px -167px;}
#end-select .next-group-btn {float:left; width:97px; height:23px; background-position: -100px -167px; margin-left:10px;}
#end-select .end-close-btn {background-position:0px -217px; position:absolute; top:3px; right:3px; cursor:pointer; width:11px; height:11px; overflow:hidden; z-index:2;}
/* end-select */

/* content */
.content {width:640px; margin:0 auto; padding:20px 5px 0;}
.content p {font-size:14px; color:#333; line-height:25px; margin-bottom:20px;}
/* content */

/* comment */
.comment {width:644px; margin:0 auto;} 
.comment .ctitle {width:624px; height:36px; line-height:36px; padding-left:20px; background-color:#f2f2f2; color:#999; font-size:12px; }
.comment .cform {padding-top:10px;}
.comment textarea {display:block; width:642px; height:116px; border:1px solid #f0f0f0;}
.comment input {display:block; height:30px; background-color:#999; color:#fff; padding:0px; margin:0px; padding-left:20px; padding-right:20px; border:1px solid #fff; font-size:12px; cursor:pointer;}
.comment .list span.empty {display:block; font-size:12px; color:#999999; padding:10px 0;}
.comment .item {height:1%; margin-bottom:10px; padding-bottom:10px;}
.comment .item h3 {height:21px; line-height:21px; font-size:12px; margin-bottom:5px; font-weight:normal; }
.comment .item h3 span.user {color:#333333; font-weight:bold; margin-right:12px;}
.comment .item h3 span.time {color:#999999;}
.comment .item .content {line-height:21px; font-size:12px; color:#666666;}
.comment .item .content p {padding-right:50px;}
.comment .item .content .btn-reply {float:right; text-align:right; }
.comment .item .content .btn-reply a {color:#093D72; text-decoration:underline;}
/* comment */
/* 案例底层 */

.ot001 {background-color:#fff; width:644px;height:20px;  margin-top:-3px; }

iframe {display:none;}